4
תגובות

<img> או background-image

פתח uBot ,
אני מתכנת מערכת, ונניח שיש לי רשימת כתבות ואני רוצה להציג לצד כל כתבה את התמונה שלה (עדיף בגודל 260*140). אז יש את שתי האופציות האלה:

<div style="width: 260px; height: 140px; background-image: url('...'); background-size: cover;"></div>


<img src="..." style="width: 260px; height: 140px;" />


לאחרונה כשאני צריך להציג תמונה במערכת אני הולך לכיוון ה-div. אבל, אני רוצה לשאול מה דעתכם והאם העניין תקני?

מצד אחד, ב-div אני אהיה בטוח בכך שהתמונה לא תהיה מרוחה, והתמונה תוצג בדיוק בגודל שאני צריך. מצד שני, ב-Img tag התמונה יכולה להיות מרוחה אם היחס בין הגובה לרוחב שונה (אלא אם אני אגדיר height: auto, אבל אז היא גם לא תוצג בגודל שאני מעדיף).

4 תשובות

avatar ענה ldbrgr ב 02 לדצמבר 2014 #

יש דרכים לעשות את זה שהתג תמונה לא "ימרח", שימוש בbackground-image זה לעיצוב בלבד ולא לתוכן.

avatar ענה uBot ב 03 לדצמבר 2014 #

יש אופצייה למקם את התמונה באמצע?

avatar ענה uBot ב 03 לדצמבר 2014 #

תודה רבה על העזרה :)